* {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav {
  width: 100%;
  height: 0.6rem;
  display: flex;

  .logo {
    width: 100%;
    height: 0.3rem;
    overflow-x: scroll;

    .ul {
      width: 250%;
      height: 0.3rem;
      padding: 0;
      margin: 0;
      display: flex;
      justify-content: center;

      li {
        flex: 1;
        line-height: 0.3rem;
        text-align: center;
      }
    }
  }
}

.contentList {
  width: 100%;
  height: 100%;

  .content {
    overflow: scroll;
    width: 100%;
    height: 100%;

    ul {
      width: 100%;
      height: 100%;
      overflow: scroll;
      display: flex;
      flex-wrap: wrap;

      li {
        width: 50%;
        height: 2rem;

        text-align: center;

        img {
          width: 100%;
          height: 1.3rem;
        }
      }
    }
  }
}

.active {
  border-bottom: 1px solid blue;
}
